<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>17-表格-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>17-表格-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>table  表格</h2>
					<span>thead   表格的头部
			tbody   表格的主要内容
			tfoot   表格的脚部
				tr   表格的行
				td单元格:
					文本垂直居中
				th：表头的单元格
					文本水平垂直居中，文字默认加粗
			表格特点：
				1、如果你只给表格写了高度，那么默认tbody占据比例是最大的
				2、每一列中，以最宽的单元格宽度为整列单元格的宽度
				3、每一行中，以最高的单元格高度为整行的高度
				4、表格table定义的宽度，表格内部所有的元素都会根据这个宽度值来进行调整
				5、如果内部元素加起来超过表格的宽度，那么会按照比例缩小
				6、如果内部元素加起来小于表格的宽度，那么会按照比例放大
				7、高度可以大不可以小
				

			display : table  表格类型。对外是一种块级,对内是表格
				
			
			thead、tbody、tfoot、tr:不支持padding和margin
			th、td:不支持外边距margin

			rowspan  跨行

		</span>
				</li>
				<li>
					<h2>表格：</h2>
					<span>1、改动一个地方就会导致整体布局变乱
				2、表格适合用在后台
				3、切忌不要用表格去布局
				4、等宽、等高的特点
				thead和tfoot很多时候可以不写，就写一个tbody。
		要么不写thead和tfoot，要么全写

		display
			table    类似table
			table-row   当前元素具有和表格的行tr一样的效果
			table-cell    类似td和th

		</span>
				</li>
			</ul>
	</body>
</html>
